
.display-flex{display: flex;}
.flex1{flex: 1;}
.flex2{flex: 2;}
.flex3{flex: 3;}
.flex4{flex: 4;}
.flex5{flex: 5;}
.flex6{flex: 6;}
.flex7{flex: 7;}
.flex8{flex: 8;}
.flex9{flex: 9;}
.flex10{flex: 10;}

.float-left{float: left;}
.float-right{float: right;}
.clear-both{clear: both;}


.display-inline {display: inline;}
.display-none {display: none;}
.display-inline-block {display: inline-block;}



.flex-x-center {justify-content: center;}
.flex-y-center {align-items: center;}

.flex-direction-y {
  flex-direction: column;
}

.text-center{text-align: center;}
.text-right{text-align: right;}

.position-relative{position:relative}
.position-absolute{position: absolute;}

.bottom-20{bottom: 20px;}
.left-50f{left: 50%;}
.right-42px{right: 42px;}

.z-index-99{z-index: 99;}
